import { Link } from 'react-router-dom'
import styled from 'styled-components'

const Wrapper = styled.div`
  display: flex;
  gap: 1rem;
`
export const Navbar = () => {
  return (
    <Wrapper>
      <Link to="/">Root</Link>
      <Link to="/home">Home</Link>
      <Link to="/about">About</Link>
      <Link to="/todo">Todo List</Link>
    </Wrapper>
  )  
}
